<!--
 * @Author: zhangyang
 * @Date: 2022-01-13 11:38:03
 * @LastEditTime: 2022-02-13 11:56:05
 * @Description: 
-->
<template>
  <div class="main">
    <div>
      <noto-rocket class="inline-block m-auto text-white text-xl" />
      <div class="text-red-500 font-bold inline-block ml-2 text-xl">爬取过程中请勿离开页面</div>
    </div>
    <div>
      <button class="btn" @click="dataGetter.start()">数据报表爬取</button>
      <button class="btn" @click="detailGetter.start()">主播管理爬取</button>
    </div>
  </div>
</template>

<script setup lang="ts">
import 'virtual:windi.css';
import { ByteDanceGetter } from '../../libs/ByteDanceGetter';
import { ByteDanceGetter_Plus_UV } from '../../libs/ByteDanceGetter_Plus_UV';

const dataGetter = new ByteDanceGetter();

const detailGetter = new ByteDanceGetter_Plus_UV();
</script>
<style lang="scss" scoped>
.main {
  @apply 
    fixed top-10 left-280 z-100 
    flex flex-col justify-center items-center
    font-sans select-none
  bg-gray-300 rounded-full shadow
    opacity-95 p-5;

  .btn {
    @apply block my-2 cursor-pointer;
  }
}
</style>